@import "../iconfont/iconfont.css";
@import "../bootstrap/css/bootstrap.min.css";
@import "../swiper/css/swiper.css";
*{
    box-sizing: border-box;
    outline: none;
}

html *{
    word-wrap:break-word;
    word-break:break-all;
    outline: 0 none;
    box-sizing: border-box;
}

html,body{
    padding:0;
    margin:0;
    color:#3c3c3c;
    word-break:break-all;
    word-wrap:break-word;
    box-sizing: border-box;
    font-family: arial,"Hiragino Sans GB","Microsoft Yahei","宋体",sans-serif;
}
ul,li,p,form,dd,dl,dt,h1,h2,h3,h4,h5{
    padding:0;
    margin:0;
    list-style:none;
}
div:after,p:after,ul:after,li:after,ol:after,dl:after,dd:after,dt:after,
h1:after,h2:after,h3:after,h4:after,h5:after{
    clear: both;
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    visibility: hidden;
    font-size:0;
}
img{
    border: 0;
}
a{color: #333; cursor: pointer;}
dd,dt{font-weight: normal;}
a:link,a:visited,a:active{
    color:#3c3c3c;
    text-decoration:none;
    cursor:pointer;
}
a:hover{
    text-decoration:none;
    color:#008FBF;
}

input[type=text],textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
}

.radio, .checkbox{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.btn{
    font-size: 12px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.form-control:focus{
    box-shadow: none;
}

.border-0{
    border-width: 0 !important;
}
.border-1{
    border-width: 1px !important;
}
.border-2{
    border-width: 2px !important;
}

.border-3{
    border-width: 3px !important;
}

.border-4{
    border-width: 4px !important;
}

.border-5{
    border-width: 5px !important;
}

.border-10{
    border-width: 10px !important;
}

.border-default{
    border: 1px #ddd solid !important;
}

.dsxui-overlayer{
    position:fixed;
    left:0; top:0;
    right: 0;
    bottom: 0;
    z-index:1000;
    opacity:0.4;
    background:#000;
}
/*===模态框===*/
.dsxui-modal{
    position: fixed;
    z-index: 1050;
    display: block;
}
.dsxui-modal .dialog{
    border-radius: 6px;
    background-clip: padding-box;
    position: relative;
    display: block;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-color: #fff;
}
.dsxui-modal .dialog .dialog-header{
    padding: 15px;
    position: relative;
    border-bottom: 1px #e8e8e8 solid;
}

.dsxui-modal .dialog .dialog-header a.close{
    font-size: 22px;
    color: #666;
    position: absolute;
    top: 15px;
    right: 15px;
    margin-top: -2px;
}
.dsxui-modal .dialog .dialog-header .close:hover{
    color: #333;
}
.dsxui-modal .dialog .dialog-title{
    font-size: 16px;
    color: #000;
    line-height: 1;
}
.dsxui-modal .dialog .dialog-body,
.dsxui-modal .dialog .dialog-content{
    padding: 15px;
    min-width: 400px;
}
.dsxui-modal .dialog .dialog-footer{
    padding: 15px;
    border-top: 1px #e8e8e8 solid;
    text-align: right;
}
.dsxui-modal .dialog .dialog-footer .btn{
    margin: 0 3px;
}
/*===提示框===*/
.dsxui-message-box{
    display:block;
    position:fixed;
    z-index:99999;
    border-radius:3px;
    box-shadow:2px 2px 5px rgba(0,0,0,0.5);
}
.dsxui-message-box .message-div{
    padding:15px 20px;
    border-radius:3px;
    color:#fff;
    white-space:nowrap;
}
.dsxui-message-box .message-success {
    background-color:#41CC24;
}
.dsxui-message-box .message-error {
    background-color:#FF002D;
}
.dsxui-message-box .message-warning {
    background-color:#FAA722;
}
.dsxui-message-box .message-infomation {
    background-color:#53A9C2;
}
.dsxui-message-box .message-text{
    font-size:15px;
    margin-left: 24px;
    line-height: 1.3;
}
.dsxui-message-box .message-icon{
    font-size:18px;
    height:18px;
    line-height:18px;
    margin:1px 6px 0 0;
    float:left; width: 20px;
    display: block;
    vertical-align:middle;
}
/*======*/
.dsxui-confirm-box {
    width:180px;
    background:#fefefe;
    border:#d5d5d5 1px solid;
    border-radius:3px;
    box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);
}
.dsxui-confirm-box dl{clear:both;}
.dsxui-confirm-box dl dt{
    padding:20px 15px 0;
    font-size:12px;
    line-height:1.0;
    margin:0;
    text-align:center;
}
.dsxui-confirm-box dl dd{
    padding:15px;
    clear:both;
    text-align:center;
    margin:0;
}
.dsxui-confirm-box dl dd .btn{
    display:inline-block;
    cursor:pointer;
    height:22px;
    line-height:20px;
    padding:0 10px;
    border-radius:3px;
    font-size: 12px;
}
.dsxui-confirm-box dl dd .btn-yes{
    background:#80BF1D;
    color:#fff;
    border:1px #80BF1D solid;
}
.dsxui-confirm-box dl dd .btn-yes:hover{
    background:#64A402;
    border:1px #64A402 solid;
}
.dsxui-confirm-box dl dd .btn-no{
    margin-left:10px;
    background-color:#fefefe;
    color:#333;
    border:1px #E2E2E2 solid;
}
.dsxui-confirm-box dl dd .btn-no:hover{
    background-color:#f8f8f8;
}

.dsxui-tips-box{
    position:absolute;
    z-index:500;
    background-color:#000;
    border-radius:3px;
    padding:7px 10px;
    font-size:10px;
    line-height:1.0;
    color:#fff;
}
.dsxui-tips-arrow{
    position:absolute;
    z-index:500;
    background-image:url(../images/common/arrow-down.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    width:16px;
    height:16px;
    display:block;
}

.dsxui-loading-box{
    position:absolute;
    z-index:9999;
    background:#fff;
    border:2px #999 solid;
    border-radius:20px;
    padding:10px 20px;
    font-size:14px;
    text-align:center;
}
.dsxui-loading-box .ico{
    margin-right:5px;
    vertical-align:-2px;
    background:url(../images/common/loading16.gif) no-repeat;
    width:16px;
    height:16px;
    display:inline-block;
}
.dsxui-spinner{
    position:fixed;
    z-index:1000;
    width:80px;
    height:80px;
    display:block;
    border-radius:10px;
    background-color:#f5f5f5;
    background-image:url(../images/common/spinner.gif);
    background-repeat:no-repeat;
    background-size:70% 70%;
    background-position:center center;
}

.dsxui-toast{
    position: absolute;
    display: inline-block;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 8px;
    max-width: 400px;
}

.dsxui-toast .dsxui-toast-content{
    padding: 15px 20px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 1.2;
}

/*==jQuery UI==*/
.ui-sortable-placeholder {
    border:2px #0099CC dashed !important;
    visibility: visible !important;
    display:block !important;
    background:none !important;
}

.w30{width:30px !important;}
.w60{width:60px !important;}
.w90{width:90px !important;}
.w100{width: 100px !important;}
.w120{width:120px !important;}
.w200{width:200px !important;}
.w300{width:300px !important;}
.w400{width:400px !important;}
.w500{width:500px !important;}
.width-auto{width: auto;}

.clearfix{clear:both; height:0; line-height:0;}
.blank{height:15px; line-height:15px; clear:both; display:block;}
.blank10{height: 10px; line-height: 10px; clear: both; display: block;}
.float-right{float:right;}
.float-left{float:left;}
.align-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-right{text-align:right !important;}

/**滑动图片**/
.swiper-div{
    display:block;
    overflow:hidden;
    position:relative;
}
.swiper-div .swiper{
    position:absolute;
    left:0;
    top:0;
    right: 0;
    bottom: 0;
    height:100%;
    display:block;
}
.swiper-div .swiper .swiper-wrapper{
    height:100%;
}
.swiper-div .swiper .swiper-wrapper .swiper-slide{
    display:block;
    overflow:hidden;
    height:100%;
    position: relative;
}
.swiper-div .swiper .swiper-wrapper .swiper-slide img{
    width:100%;
    height:100%;
    display:block;
}
.swiper-div .swiper .swiper-wrapper .swiper-slide .bg{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.swiper-div .swiper-pagination-bullet-active{
    background-color:#fff;
}

/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    -webkit-transform: translate3d(0, -50px, 0);
    -ms-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);

    -webkit-transition: -webkit-transform .5s ease-out;
    -ms-transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
}

.pace.pace-active {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.pace .pace-progress {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
    background: #22df80;
    pointer-events: none;
}

.bg-cover{
    -webkit-background–size: cover;
    -moz-background–size: cover;
    -o-background–size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/common/placeholder.png");
    -ms-behavior: url(../images/common/backgroundsize.min.htc);
    behavior: url(../images/common/backgroundsize.min.htc);
}
